<? 
//------------------------------ mini controlador ---------------------------------------------------------------

	importar("Servidor/Modelos/seguridad.class.php");	
	importar("Servidor/Modelos/alerta.class.php");
	importar("Servidor/Modelos/chat.class.php");
	
	$alerta = new Alerta();
	$var['cantidadAlertasSinVer'] = $alerta->obtenerCantidadAlertasSinVer($_SESSION['id_usuario_activo']);
	
	$chat = new Chat();	
	$var['cantidadMensajesNuevos'] = $chat->obtenerCantidadMensajesSinLeer($_SESSION['usuario_activo']);
		
	$var['enlace_modificado'] = (isset($var['enlace_modificado']))? $var['enlace_modificado'] : '';
	
	$miFoto = (file_exists("Cliente/Imagenes/Usuarios/".$_SESSION['usuario_activo'].".png"))? $_SESSION['usuario_activo'] : "default";
?>
<!---------------------------------- HEADER PRIVADO ------------------------------------------------------------->

		<link type="text/css" rel="stylesheet" media="all" href="Cliente/Estilo/chat.css" />
		<link type="text/css" rel="stylesheet" media="all" href="Cliente/Scripts/Librerias/fancybox/jquery.fancybox.css" />
		<script type="text/javascript" src="Cliente/Scripts/Librerias/fancybox/jquery.fancybox.js"></script>
		<script type="text/javascript" src="Cliente/Scripts/chat.js"></script>
		<script language="javascript">
			var cantidadMensajesNuevos = <?=$var['cantidadMensajesNuevos'];?>;
			var cantidadAlertasSinVer = <?=$var['cantidadAlertasSinVer'];?>;
			
			function pintarAlertas(){
					if(cantidadAlertasSinVer > 0){
						$("#tileAlertas").parent().addClass("pintarAlertasNuevas");
					}
				}
				
			function pintarMensajes(){					
				if(cantidadMensajesNuevos > 0){
					$("#tileMensajes").parent().addClass("pintarMensajesNuevos");
				}
			}
				
			$(document).ready(function(){	
				$("#tileAlertas").html(cantidadAlertasSinVer);
							
				$("#tileAlertas").click(function(){ pintarAlertas(); });
				pintarAlertas(); //$("#tileAlertas").trigger("click");
				
				$("#tileMensajes").click(function(){ pintarMensajes(); });
				pintarMensajes(); //$("#tileMensajes").trigger("click");		
				
				$("#tileMensajes").html(cantidadMensajesNuevos);
				if(cantidadMensajesNuevos==0){
					abrirChats();
				}
				
				$('a#verAlertas').click(function(){
					$.fancybox({
						maxWidth    : 500,
						minHeight   : 400,
						autoSize	: false,
						openEffect: 'elastic',
						closeEffect: 'elastic',
						href: 'Ajax-obtener-alertas',
						type: 'ajax'
					});
				});
								
				$(".verMiMenu").fancybox({
					minWidth	: 200,
					minHeight	: 200,
					fitToView	: false,
					autoSize	: true,
					closeClick	: false,
					openEffect: 'elastic',
					closeEffect: 'elastic'
				});
			});
		</script>

		
		<div id="mi-menu" style="display:none;width:300px;font-size:25px;padding:10px;">
			<p>
				<a href="mi-perfil"><i class="fa fa-user"></i> &nbsp; Editar mi perfil</a><br><br>
				<a href="cambio-de-clave"><i class="fa fa-key"></i> &nbsp; Cambiar clave</a><br><br>
				<a href="cerrar-sesion"><i class="fa fa-sign-out"></i> &nbsp; Cerrar sesión</a><br>
			</p>
		</div>
						
		<div id="mis-alertas" style="width:500px;display: none;">
			
		</div>
				
		<div class="headerPrivado">
			<div class="container">
				<div class="logo-wrapper-privado">
					<div class="hidden-sm hidden-xs"> <a href="inicio"><img  title="Inicio" src="Cliente/Imagenes/logoPrivado.png"><i class="fa fa-home"></i></a></div> 
					<div class="visible-sm visible-xs"> <a href="inicio"><img  src="Cliente/Imagenes/logoSmallPrivado.png"></a></div>
				</div>
					
				<div class="menuPrivado">
				
				<?
				if(Seguridad::getRol($_SESSION["id_usuario_activo"]) == 1 ){
				?>
										
					<a id="verAlertas" title="Mis alertas de ICOS" href="<?=$var['enlace_modificado']?>#mis-alertas">
						<div class="tilePrivado">
							<i class="fa fa-bell-o"></i><br>						
							<div id="tileAlertas"></div>													
						</div>
					</a>
					
					<a title="Mis mensajes" href="javascript:abrirChats();">
						<div class="tilePrivado">												
							<i class="fa fa-comments-o"></i><br>
							<div id="tileMensajes"></div>					
						</div>
					</a>
					
				<?	} ?>
				
					<a title="<?=$_SESSION["usuario_activo"]?>" class="verMiMenu" href="#mi-menu">
						<div class="tilePrivado">												
							<img src="Cliente/Imagenes/Usuarios/<?=$miFoto?>.png" width="45px" height="45px" />													
						</div>
					</a>
																		
				</div>		
			</div>
		</div>
	  <!------------------------------------------------------------------------------------------------------------->
